@import '../../styles/util'

.fui-prompt
  @include flex-align(center, flex-start)
  padding: 8px 16px 8px 16px
  line-height: 1.5
  font-size: $font-md
  color: $text-default

  .fui-icon
    flex-shrink: 0
    width: 12px
    height: 12px
    margin-right: 10px

@mixin prompt-style($type, $color)
  .fui-prompt-#{$type}
    border: 1px solid $color
    /*background-color: lighten($color, 95% - lightness($color))*/

    .fui-icon
      fill: $color

@include prompt-style(success, $brand-success)
@include prompt-style(error, $brand-danger)
@include prompt-style(warning, $brand-warning)
@include prompt-style(info, $brand-primary)
